<template>
  <!-- <div class="search-input">
    <input class="input" type="text" />
    <div class="button"></div>
  </div> -->
  <el-input class="search-input" size="small" v-bind="$attrs" v-on="$listeners">
    <el-button
      slot="append"
      icon="el-icon-search"
      @click="$emit('search')"
    ></el-button>
  </el-input>
</template>

<script>
export default {
  name: 'SearchInput'
}
</script>

<style lang="scss" scoped>
@import 'styles/common.scss';
.search-input {
  width: 4.52rem;
  // display: inline-block;
  // width: 452px;
  // height: 32px;
  // border: 1px solid #cccccc;
  // border-radius: 4px;
  // .input {
  //   height: 32px;
  //   width: 100%;
  //   margin-right: 80px;
  //   border-width: 0;
  // }
  // .button {
  //   float: right;
  //   width: 80px;
  //   height: 32px;
  //   background: #5c7cfa;
  //   border-radius: 0px 6px 6px 0px;
  // }
}
</style>
